<script>
	import cookies from 'vue-cookies'
	export default {
		globalData: {
			url:'',
			uploadheader:'',
		},
		onLaunch: function() {
			let Authorization = cookies.get('Authorization');
			if(Authorization!==null){
				uni.setStorageSync('Authorization',Authorization)
				this.uploadheader={
					'Authorization': 'Bearer ' + Authorization
				};
				cookies.remove('Authorization');
				this.hasToken = true
			}
		},
		onShow: function() {
			
		},
		onHide: function() {
			
		}
	}
</script>

<style lang="scss">
	@import "./uni_modules/uview-ui/index.scss";
	@import './node_modules/vant/lib/index.css';

	/*每个页面公共css */
	* {
		margin: 0;
		padding: 0;
		border: 0;
	}

	view {
		position: relative;
		box-sizing: border-box;
	}

	page {
		background: #fff;
	}

	text {
		display: inline-block;
	}

	* {
		margin: 0;
		padding: 0;
		border: 0;
	}

	body {
		background: #F5F5F5;
	}

	view {
		position: relative;
		box-sizing: border-box;
	}

	text {
		display: inline-block;
	}

	.content {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	.search {
		height: 88rpx;
		background: #FFFFFF;
		padding: 8rpx 32rpx;
		
		.screen {
			margin-left: 10rpx;
			vertical-align: middle;
			margin-bottom: 12rpx;
			margin-right: 18rpx;
			width: 40rpx;
			height: 44rpx;
		}
	}
	// 推荐列表样式
	.recommendPost {
		.recommendPostList {
			width: 100%;
			background-color: #fff;
			box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
			border-radius: 24px;
			background: #FFFFFF;
	
			position: relative;
			margin-bottom: 16rpx;
	
			.statusLine {
				width: 100%;
				height: 2rpx;
				border: 2rpx solid #F8F8FA;
				position: absolute;
				top: 80rpx;
			}
	
			.main {
				padding: 18rpx 34rpx;
			}
	
			.status {
				padding: 32rpx 34rpx 14rpx 34rpx;
	
				.statusImg {
					width: 32rpx;
					height: 32rpx;
				}
	
				.running {
					color: #2674FF;
					margin-left: 6rpx;
					vertical-align: top;
					font-size: 24rpx;
				}
	
				.over {
					color: #333333;
					margin-left: 6rpx;
					vertical-align: top;
					font-size: 24rpx;
				}
			}
	
			.title {
				margin-bottom: 20rpx;
	
				.subtitle {
					font-size: 20rpx;
					color: #FFFFFF;
					border-radius: 16rpx 0px 16rpx 0px;
					background: #58D79F;
					padding: 2rpx 8rpx;
				}
	
				.maintitle {
					font-weight: 500;
					color: #333333;
				}
			}
	
			.department {
				margin-bottom: 18rpx;
	
				.served {
					width: 124rpx;
					height: 48rpx;
					margin-right: 8rpx;
				}
				
				.departs {
					padding: 2rpx 6rpx;
					margin-right: 4rpx;
					vertical-align: top;
					margin-top: 4rpx;
					font-size: 18rpx;
					color: #51ACFE;
					border-radius: 4rpx;
					background: #E4EEFF;
				}
	
			}
			
	
			.location {
				.locationImg {
					width: 22rpx;
					height: 26rpx;
					margin-right: 6rpx;
				}
	
				&>text {
					font-weight: 400;
					font-size: 24rpx;
					vertical-align: top;
					margin-top: 4rpx;
					color: #666666;
				}
			}
	
			.tel {
				margin-top: 20rpx;
				font-size: 24rpx;
				color: #8D9893;
	
				.telImg {
					width: 32rpx;
					height: 34rpx;
					margin-right: 14rpx;
				}
	
				.line {
					margin-left: 20rpx;
					margin-right: 20rpx;
				}
			}
	
			.topRightTips {
				background: #FFEBD7;
				border-radius: 200px 0px 0px 200px;
				position: absolute;
				right: 0;
				padding: 4rpx 16rpx;
				top: 30rpx; //16
				color: #FF8100;
				font-size: 20rpx;
			}
	
			.lock {
				width: 30rpx;
				height: 40rpx;
				position: absolute;
				right: 28rpx;
				bottom: 20rpx;
			}
		}
	}
	// 下拉筛选样式
	.screenBox {
		display: flex;
		flex-wrap: wrap;
		margin: 0 24rpx;
	
		.typeItem {
			padding: 18rpx 0;
			text-align: center;
			flex: 0 0 calc(33.3% - 20rpx);
			font-size: 24rpx;
			border-radius: 8rpx;
			color: #666666;
			background: #F4F4F4;
			margin-bottom: 16rpx;
		}
	
		.typeItem:not(:nth-child(3n)) {
			margin-right: 20rpx;
		}
		.typeBlue {
			color: #2674FF;
			background: #E9F1FF;
		}
	}
	.screenBtns {
		display: flex;
		position: absolute;
		bottom: 0;
		width: 100%;
	
		u-button {
			width: 50%;
		}
	}
	.typeTitle {
		margin: 56rpx 32rpx 24rpx 32rpx;
	}
	
</style>
